<template>
	<view class="center-wrap">
		<image src="../../static/imges/bg_mine_top@2x.png" class="center-bg"></image>

		<view class="center-top">
			<view class="center-up">
				<view class="center-up-terminal">终端：001303</view>
				<image src="../../static/imges/icon_set@2x.png" class="center-up-setting" @click="setUpJump"></image>
			</view>

			<image class="center-bind" src="../../static/imges/icon_equipment_binding@2x.png" ></image>

			<view class="center-top-list">
				<view class="center-top-item" v-for="(item, index) in list" :key="index">
					<image :src="item.url" class="center-list-icon"></image>
					<view class="center-list-word">{{ item.name }}</view>
				</view>
			</view>
		</view>

		<view class="center-function">
			<view class="center-function-list">
				<view class="center-function-top">
					<image src="../../static/imges/icon_greenhouse_setting@2x.png" class="center-function-logo"></image>
					<image src="../../static/imges/icon_state_look@2x.png" class="center-function-lock"></image>
				</view>
				<view class="center-function-title">追溯码功能</view>
				<switch color="#27cbc0" class="center-function-btn"></switch>
			</view>
			<view class="center-function-list">
				<view class="center-function-top">
					<image src="../../static/imges/icon_greenhouse_setting2@2x.png" class="center-function-logo"></image>
					<image src="../../static/imges/icon_state_look@2x.png" class="center-function-lock"></image>
				</view>
				<view class="center-function-title">门磁开关</view>
				<switch color="#27cbc0" class="center-function-btn" checked="true"></switch>
			</view>
			<view class="center-function-list">
				<view class="center-function-top">
					<image src="../../static/imges/icon_greenhouse_setting3@2x.png" class="center-function-logo"></image>
					<image src="../../static/imges/icon_state_look@2x.png" class="center-function-lock"></image>
				</view>
				<view class="center-function-title">设备参数校准</view>
				<image src="../../static/imges/btn_open_equipment_parameter_calibration@2x.png" class="center-function-btnlogo"></image>
			</view>
			<view class="center-function-list">
				<view class="center-function-top">
					<image src="../../static/imges/icon_greenhouse_setting4@2x.png" class="center-function-logo"></image>
					<image src="../../static/imges/icon_state_look@2x.png" class="center-function-lock"></image>
				</view>
				<view class="center-function-title">SCB重启功能</view>
				<image src="../../static/imges/btn_restart_function@2x.png" class="center-function-btnlogo"></image>
			</view>
		</view>

		<view class="center-lane">
			<view class="center-lane-list">
				<view class="center-lane-left">
					<image src="../../static/imges/icon_aisle_set@2x.png" class="center-lane-logo"></image>
					<view class="center-lane-title">货道设置</view>
				</view>
				<image src="../../static/imges/icon_jump.png" class="center-lane-click"></image>
			</view>
			<view class="center-lane-list">
				<view class="center-lane-left">
					<image src="../../static/imges/icon_aisle_to_detect@2x.png" class="center-lane-logo"></image>
					<view class="center-lane-title">货道检测</view>
				</view>
				<image src="../../static/imges/icon_jump.png" class="center-lane-click"></image>
			</view>
			<view class="center-lane-list" @click="errorLogJump">
				<view class="center-lane-left">
					<image src="../../static/imges/icon_error_record_of_cargo_track_inspection@2x.png" class="center-lane-logo"></image>
					<view class="center-lane-title">货道检测错误记录</view>
				</view>
				<image src="../../static/imges/icon_jump.png" class="center-lane-click"></image>
			</view>
			<view class="center-lane-list">
				<view class="center-lane-left">
					<image src="../../static/imges/icon_inspection_of_goods_in_cargo_channel@2x.png" class="center-lane-logo"></image>
					<view class="center-lane-title">货道商品检查</view>
				</view>
				<image src="../../static/imges/icon_jump.png" class="center-lane-click"></image>
			</view>
			<view class="center-lane-list">
				<view class="center-lane-left">
					<image src="../../static/imges/icon_error_record_of_goods_in_cargo_lane@2x.png" class="center-lane-logo"></image>
					<view class="center-lane-title1">货道商品错误记录</view>
				</view>
				<image src="../../static/imges/icon_jump.png" class="center-lane-click"></image>
			</view>
		</view>
		
		
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [
				{ url: require('../../static/imges/icon_temperature_and_humidity_settings@2x.png'), name: '温湿度设置' },
				{ url: require('../../static/imges/icon_equipment_monitoring@2x.png'), name: '设备监控' },
				{ url: require('../../static/imges/icon_printer_detection@2x.png'), name: '打印机检测' },
				{ url: require('../../static/imges/icon_stickers_to_download@2x.png'), name: '贴纸下载' },
				{ url: require('../../static/imges/icon_operation_guide@2x.png'), name: '操作指导' }
			]
		};
	},
	onLoad() {},
	methods: {
		errorLogJump() {
			uni.navigateTo({
				url: '/pages/errorLog/errorLog'
			});
		},
		setUpJump() {
			uni.navigateTo({
				url: '/pages/setUp/setUp'
			});
		}
	}
};
</script>

<style lang="less">
@import './merchantCenter.less';
</style>
